<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Chill</title>
</head>
<style>
    body, html {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .a img {
        width: 20%;
        box-shadow: 5px 5px 45px darkslategrey;
    }
</style>

<body>
{{template "head.html" .}}
<div>
    {{range .Home_Toutu}}<a href="{{.PicHref}}"><img src="{{.PicPath}}" style="width: 100%"></a>{{end}}
</div>
<div style="width: 1201px;margin-left: auto;margin-right: auto;margin-top: 94px;margin-bottom: 94px">
    <div style="float:left;width: 598px">
        {{range .Home_Second_LT}}<a href="{{.PicHref}}"><img src="{{.PicPath}}" style="padding: 0;margin:0;margin-bottom: 8px;"></a>{{end}}
        {{range $i,$row :=.Home_Second_LB}}
        <a href="{{$row.PicHref}}"><img src="{{$row.PicPath}}" style="padding: 0;width:294px;height:294px;margin:0;{{if eq $i 0}}{{end}}"></a>
        {{end}}
    </div>
    <div style="height: 897px;width: 594px;float:right;">
        <div style="width: 100%;height: 303px;display: inline-block;text-align: center;">
            <h1 style="margin-top: 10px;">游在塞尔维亚</h1>
            <span style="width: 480px;display: inline-block;text-align: left;word-break: break-all">关于塞尔维亚的介绍性文字塞尔维亚共和国（塞尔维亚语：Република Србија或Republika Srbija，英语：Republic of Serbia），通称“塞尔维亚”，是位于欧洲东南部，有着众多迷人景点：杰尔达普国家公园、卡莱梅丹城堡、米哈伊洛瓦大公街、圣萨瓦大教堂。<br>
                <br>
                欧洲第二大河多瑙河的五分之一流经其境内。[1]<br>
                历史上的塞尔维亚王国由南斯拉夫人建立。一战后成为南斯拉夫的主体部分。1992年，塞尔维亚与黑山组成南斯拉夫联盟共和国（南联盟）。
            </span>
        </div>
        <div style="float: right;width: 291px">
            {{range $i,$row :=.Home_Second_LB}}
            <a href="{{$row.PicHref}}"><img src="{{.PicPath}}" {{if eq $i 1}}style="margin-top: 8px"{{end}}></a>
            {{end}}
    </div>
        {{range .Home_Second_RT}}<a href="{{.PicHref}}"><img src="{{.PicPath}}" style="float: left"></a>{{end}}
</div>
<div style="margin-top: 94px;width: 100%;
    background-image: url(/img/heng1.png);
    height: calc(45.4vw);
    display: inline-block;
    background-size: cover;">
    <div style="width: 100%;height: 100%;background-color: rgba(255,255,255,0.8);position: relative">
        <div style="width: 100%;height: 100%;float:left;position:absolute;left:0;top:0;background-image: url(/img/black_dot.png);background-position: 50% 45px;background-repeat: no-repeat">
        </div>
        <div style="width: 50%;float: right;height: calc(45.4vw);">
            <img src="/img/heng2.png" style="width: 100%;height: 100%">
        </div>
        <div style="width: 50%;float: left;text-align: center">


            <div style="width: 60%;text-align: left;display: inline-block">
                <img src="/img/i_boot.png" style="margin-top: 106px;">
                <h1 style="font-size: 48px">
                    在塞尔维亚
                </h1>
                <h2>
                    坐上游艇，尽览多瑙河
                </h2>
                <br>
            </div>

            <span style="text-align: left;display: inline-block;width: 60%;
color: #000000;
font-size: 24px;
font-weight: 400;
line-height: 48px;">
                游艇项目介绍介绍游艇项目介绍介绍游艇项目介绍介绍游艇<br>
项目介绍介绍游艇项目介绍介绍,游艇项目介绍介绍游艇项目介绍介绍<br>
游艇项目介绍介绍游艇项目介绍介绍游艇项目介绍介绍游艇项目介绍介绍<br>
游艇项目介绍介绍游艇项目介绍介绍游艇项目介绍介绍游艇项目<br>
游艇项目介绍介绍游艇项目介绍介绍游艇项目介绍介绍<br>
游艇项目介绍介绍游艇项目介绍介绍游艇项目介绍介绍游艇项目介<br>
游艇项目介绍介绍游艇项目介绍介绍
            </span>
        </div>


    </div>

</div>
<div style="width: 100%;
    background-image: url(/img/lang1.png);
    height: calc(45.4vw);
    display: inline-block;
    background-size: cover;text-align:center;position: relative;margin-top: -5px" class="a">
    <div style="width: 100%;height: 100%;float:left;position:absolute;left:0;top:0;background-image: url(/img/white_dot.png);background-position: 50% 45px;background-repeat: no-repeat">
    </div>
    <div style="width: 204px;
height: 140px;
background-color: #fdd000;padding-left: 36px;color: #000000;
font-size: 36px;text-align: left;padding-top: 100px;position: absolute;top: 0;right:563px">

        玩在<br>
        塞尔维亚
    </div>
    <div style="width: 315px;
height: 84px;
color: #fefefe;
font-size: 16px;
font-weight: 400;
line-height: 24px;display: inline-block;position: absolute;left:37.8%;top:120px;">
        当地饮食，酒店，夜店介绍当地饮食，酒店，夜店介绍当地饮食，酒店，夜店介绍当地饮食，酒店，夜店介绍当地饮食，酒店，夜店介绍当地饮食，酒店，夜店介绍当地饮食，酒店，夜店介绍
    </div>
    <div style="width: 80%;display: inline-block;margin-top: 338px"><img src="/img/img1.png"><img
            src="/img/img2.png"><img src="/img/img3.png"><img src="/img/img4.png"><img src="/img/img5.png"></div>
</div>
<div style="width: 100%;
    background-image: url(/img/heng1.png);
    height: calc(45.4vw);
    display: inline-block;
    background-size: cover;">
    <div style="width: 100%;height: 100%;background-color: rgba(255,255,255,0.8);position: relative">
        <div style="width: 100%;height: 100%;float:left;position:absolute;left:0;top:0;background-image: url(/img/black_dot.png);background-position: 50% 45px;background-repeat: no-repeat">
        </div>
        <div style="width: 50%;float: left;height: calc(45.4vw);">
            <img src="/img/heng3.png" style="width: 100%;height: 100%">
        </div>
        <div style="width: 50%;float: right;text-align: center">


            <div style="width: 60%;text-align: left;display: inline-block">
                <img src="/img/i_qiang.png" style="margin-top: 106px;">
                <h1 style="font-size: 48px">
                    在塞尔维亚
                </h1>
                <h2>
                    真枪实弹，沉浸军事体验
                </h2>
                <br>
            </div>

            <span style="text-align: left;display: inline-block;width: 60%;
color: #000000;
font-size: 24px;
font-weight: 400;
line-height: 48px;">
军事项目介绍，军事项目介绍军事项目介绍，军事项目介绍军事项目介绍，军事项目介军事项目介绍，军事项目介绍军事项目介绍，军事项目介绍绍军事项目介绍，军事项目介绍军事项目介绍，军事项目介绍军事项目介绍，军事项目介绍军事项目介绍，军事项目介绍军事项目介绍，军事项目介绍军事项目介绍，军事项目介绍军事项目介绍，军事项目介绍
            </span>
        </div>
    </div>
</div>
{{template "foot.html" .}}
</body>
</html>